<template>
    <div class="lottie-bg">
        <div id="lottie">
            <img src="@assets/images/live-logo.gif" rel="preload" syle="width:100%;" />
        </div>
    </div>
    
</template>

<script>
    export default {
        name: "Loading"
    }
</script>

<style scoped>
    .lottie-bg {
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        width: 100%;
        height: 100%;
        z-index: 999;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }

    #lottie {
        width: 35%;
        display: block;
        overflow: hidden;
        transform: translate3d(0, 0, 0);
        margin: auto;
    }
</style>